<!--
  Merger v0.21.1 - Merge Your Qrcode Together. Even Quicker.
  User docs: https://docs.justhx.com/merger
  Released under GNU General Public License v3.0. Open source at https://github.com/hifocus/merger.
  Author @hifocus (https://github.com/hifocus), @LF112 (https://github.com/LF112)
  Please preserve the copywrite notices above as required by the license.
 -->
<!DOCTYPE html>

<html>

<head>
  <title>
    {% if page.title %}{{ page.title }} &middot; {% endif %}{{ site.title }}
  </title>
  {{ site.merger.head }}
</head>

<body>
  <div class="main" id="h">
    <i id="i"></i>
    <div class="texts">
      <h2 id="name"></h2>
      <p id="description"></p>
    </div>

    <!-- Button Section Starts -->
    <div id="pending">
      <p id="depends" class="middlebtn">
        <a href="#showqrcode" class="btn btn-primary" id="tenpaybtn" onclick="opentenpay()"><svg class="icon"
            aria-hidden="true">
            <use xlink:href="#icon-QQ"></use>
          </svg></a>
        <a href="#showqrcode" class="btn btn-primary" id="toclick" onclick="openwechat()"><svg class="icon"
            aria-hidden="true">
            <use xlink:href="#icon-weixinzhifu"></use>
          </svg></a>
        <a href="#showqrcode" class="btn btn-primary" id="alipaybtn" onclick="openalipay()"><svg class="icon"
            aria-hidden="true">
            <use xlink:href="#icon-iconfontrectangle390"></use>
          </svg></a>
        <button class="btn btn-primary" id="paypalbtn" onclick="openbox()"><svg class="icon paypal-wide"
            aria-hidden="true">
            <use xlink:href="#icon-paypal"></use>
          </svg></button>
      </p>
    </div>
  </div>

  <!-- Button Section Ends -->

  <!-- Modal Section Starts -->
  <div class="modal" id="showqrcode">
    <div class="modal-container" role="document">
      <div class="modal-header" id="btncontainer">
        <a href="#" class="btn btn-clear float-right" id="qrcodeclose" aria-label="Close"></a>
        <div id="titleinfo" class="modal-title h5" style="text-align: center"></div>
      </div>
      <div class="modal-body">
        <div class="content" id="qrcontainer">
          <div id="currentqrcode" class="img smaller"></div>
          <img id="tenpayonly" class="img smaller">
        </div>
      </div>
    </div>
  </div>
</body>

</html>
